<template>
	<view class="decoration">
		<nav-bars class="i_top" :bgColor="navBackground" :scrollTop="scrollTop" :fontColor="navBackColor">
			<view class="i_tCan" slot="default">
				<view class="p_aCan active" :class="{'active': navShow}" slot="center">
					<!-- <view class="p_aHead">
						<image :src="designer.avatar.path"></image>
					</view> -->
					<!-- <view class="p_aName omit-1">{{titleTxt}}</view> -->
					<view class="p_aFocus" :class="{'active': isFocus == 1}" @tap="focusSDesigner">
						{{isFocus == 1 ? '已关注' : '关注'}}
					</view>
				</view>
			</view>
		</nav-bars>
		<view>
			<image style="width: 100%;height: 350rpx;" :src="decoraInfo.back_thumb_url.path" mode=""></image>
			<!-- <u-swiper :list="list" height="350" border-radius="0" duration="2000" mode="none" :effect3d="false"></u-swiper> -->
		</view>

		<!-- 公司信息 -->
		<view class="decorationInfo">
			<view class="title">{{decoraInfo.title || 'xxxx'}}</view>
			<view class="fansNum">
				<view>{{decoraInfo.fans_num}} 粉丝</view>
				<view style="margin: 0 10rpx;">·</view>
				<view>{{decoraInfo.comment_num}} 条评论</view>
			</view>
			<view class="messageInfo">{{decoraInfo.sign}}</view>
			<!-- <view class="scoreBox">
				<view style="display: flex;flex-direction: column;align-items: center;justify-content: center;padding-right: 34rpx;border-right: 1px solid #F0DED9;width: max-content;margin-right: 36rpx;">
					<view style="font-size: 48rpx;font-weight: 600;line-height: 66rpx;color: #974D43;">4.99</view>
					<view style="font-size: 28rpx;font-weight: 400;line-height: 40rpx;color: #974D43;">综合指数</view>
				</view>
				<view class="">
					<view style="display: flex;align-items: center;">
						<u-rate :count="count" v-model="value"></u-rate>
						<view style="border: 1px solid rgba(182,127,119,.4);border-radius: 6rpx;width: max-content;padding: 2rpx 10rpx;font-size: 20rpx;font-weight: 400;color: #B67F77;margin-left: 20rpx;">
							超过99.9%装修公司
						</view>
					</view>
					<view style="display: flex;align-items: center;justify-content: space-between;margin-top: 20rpx;font-size: 24rpx;font-weight: 400;color: #B67F77;">
						<view>设计：4.9</view>
						<view>施工：4.9</view>
						<view>服务：5.0</view>
					</view>
				</view>
			</view> -->
			<view class="companyInfo" @click="toIntroduce">
				<view>
					<view class="InfoBox">
						<view>公司介绍</view>
						<!-- <view class="border">|</view>
						<view>特色服务</view> -->
						<view class="border">|</view>
						<view>资质荣誉</view>
					</view>
					<view class="renovation">
						<view class="item">
							全屋装修
						</view>
						<view class="item">
							半包装修
						</view>
						<view class="item">
							3D设计
						</view>
					</view>
				</view>
				<view>
					<u-icon name="arrow-right" color="#6C6C6C" size="32"></u-icon>
				</view>
			</view>
			<view class="openTime">
				<view class="address">{{decoraInfo.address}}</view>
				<view class="open_time">营业时间：{{decoraInfo.open_day || 'xx'}}到{{decoraInfo.close_day || 'xx'}} {{decoraInfo.open_time || 'xxx'}}-{{decoraInfo.close_time || 'xxx'}}</view>
			</view>
		</view>
		<view style="border-top: 16rpx solid #F4F4F4;">
			<u-tabs style="border-bottom: 1rpx solid #F4F4F4;" :bar-style="tabsBottomStyle" :list="tabslist" inactive-color="#999999"
			 active-color="#C3AB7C" :is-scroll="false" font-size="28" :current="current" @change="TabsChange"></u-tabs>
		</view>
		<!-- 案例 -->
		<view class="decoCase" v-if="current == 0">
			<view class="DomeShaixuan" style="margin-bottom: 20rpx;">
				<view :class="[activeType == index ? 'active' : 'DomeClick']" v-for="(item, index) in typeList" :key="index" @click="selectCaseType(item, index)">{{ item }}</view>
			</view>
			<scroll-view scroll-x="true" class="DomeShaixuan">
				<view :class="[active == index ? 'active' : 'DomeClick']" v-for="(item, index) in screenList" :key="index" @click="DomeValue(item, index)">{{ item.name }}</view>
			</scroll-view>
			<view class="list" v-if="caseList.length>0">
				<view class="item" v-for="(item,index) in caseList" :key="index" @click="toCaseDetail(item.id)">
					<view class="imgBox">
						<image :src="item.thumb_url[0].path" mode=""></image>
						<view class="box_3d">
							<view class="onBox">
								<image src="../../../../static/home/3d.png" mode=""></image>
							</view>
							<view class="text_3d">3D</view>
						</view>
						<!-- <view class="authorBox">
							<view class="img_box">
								<image src="../../../../static/common/avator.png" mode=""></image>
								浪漫设计
							</view>
							{{item.collect_num}}人收藏
						</view> -->
					</view>
					<view class="infoBox">
						<view class="tagBox">
							<text v-for="(item1,index1) in item.design_style" :key="index1">{{item1.name}}</text>
							{{item.area}}m² | {{item.house_type}} | {{item.offer}}万
						</view>
						<view class="title omit-1">
							{{item.title}}
						</view>
					</view>
				</view>
				<!-- <view style="flex: 1;" v-if="caseList.length > 0"><u-loadmore :status="loadStatus"></u-loadmore></view> -->
			</view>
			<view v-else style="padding-top: 40rpx;">
				<u-empty text="暂无案例" icon-color="#eee" color="#ccc" mode="data"></u-empty>
			</view>
		</view>
		<view v-if="current == 1" style="padding:32rpx 32rpx 32rpx 32rpx;background-color: #fff;">
			<view class="DomeShaixuan">
				<view :class="[mediaTypeIndex == index ? 'active' : 'DomeClick']" v-for="(item, index) in mediaType" :key="index" @click="selectMediaType(item, index)">{{ item }}</view>
			</view>
			<view class="p_dDyna">
				<view v-if="dynaList.length > 0 || dynaList.length !== 0">
					<view v-for="(items,index) in dynaList" :key="index">
						<view class="p_ddItem">
							<view class="p_ddUser">
								<view class="p_ddHead">
									<image :src="items.user_id.avatar.path"></image>
								</view>
								<view class="p_ddCan">
									<view class="p_ddName">{{items.user_id.username}}</view>
									<view class="p_ddTime">{{$utils.getFormatDate(items.create_time*1000,'yyyy-MM-dd hh:mm:ss')}}</view>
								</view>
							</view>
							<view class="p_ddTags" @tap="toPage('dynamic_detail', { trendId: items.id })">
								<view v-for="item in items.tags" :key="item">
									<view class="p_ddTag">
										<view class="p_ddTag-icon">
											<image src="/static/common/icon_topic.png"></image>
										</view>
										<text>{{item}}</text>
									</view>
								</view>
							</view>
							<!--  -->
							<view class="p_ddCont">
								<view class="p_ddText"
									@tap="toPage('dynamic_detail', { trendId: items.id })">
									<view style="font-weight: 600;">{{items.title}}</view>
									<view v-if="items.isTalk">
										<view :class="{'omit-3': !items.showTalk}">{{items.content}}</view>
										<view class="p_ddAll">
											<view class="p_ddAll-click" @tap.stop="dyna_showText(items.id)">
											</view>
											{{items.showTalk ? '收起' : '全文'}}
										</view>
									</view>
									<view v-else>
										<view>{{items.content}}</view>
									</view>
								</view>
								<view class="p_ddImgs" v-if="items.type == 0 ">
									<view v-if="indexc<9" v-for="(item,indexc) in items.media"
										:key="indexc">
										<view class="p_ddImg">
											<image :src="item.path"></image>
										</view>
									</view>
								</view>
								<!-- <view class="p_ddImgs" v-if="items.type == 0 && items.media.path">
									<view @tap.stop="previews(items.media.path)">
										<view class="p_ddImg">
											<image :src="items.media.path"></image>
										</view>
									</view>
								</view> -->
								<!-- @tap.stop="previews(items.media.cover)" -->
								<view class="p_ddImgs" v-if="items.type == 1">
									<view v-for="(itemx,indexx) in items.media" :key="indexx">
										<view class="p_ddImg">
											<!-- <image :src="items.media.cover"></image> -->
											<video id="myVideo" style="width: 220rpx;height: 220rpx;"
												:src="itemx.path"></video>
										</view>
									</view>
								</view>
							</view>
							<view class="p_funs">
								<view class="p_fun" @click="popShareToPicture(items.id)">
									<view class="p_fIcon iconfont icon-transpond"></view>
									<text>转发</text>
								</view>
								<view class="p_fun" @tap.stop="dyna_showComment(items)">
									<view class="p_fIcon iconfont icon-comments"></view>
									<text>{{items.comment_num}}</text>
								</view>
								<view class="p_fun" @click="trendStore(items,index)">
									<view class="p_fIcon" v-if="items.support_status == 1">
										<image src="/static/common/icon_collection.png"></image>
									</view>
									<view class="p_fIcon" v-else>
										<image src="/static/common/icon_collection2.png"></image>
									</view>
									<text>{{items.support_num}}</text>
								</view>
							</view>
						</view>
					</view>
				</view>
				<view v-else>
					<u-empty text="暂无动态" icon-color="#eee" color="#ccc" mode="data"></u-empty>
				</view>
				<!-- <view class="p_dBtn" @tap="toPage('dynamic_list')" v-if="dynaList.length == 3">查看全部动态</view> -->
			</view>
		</view>
		<!-- 评价 -->
		<view v-if="current == 2" style="padding:32rpx 32rpx 32rpx 32rpx;background-color: #fff;">
			<view class="DomeShaixuan">
				<view :class="[evalTypeIndex == index ? 'active' : 'DomeClick']" v-for="(item, index) in evalType" :key="index" @click="selectEvalType(item, index)">{{ item }}</view>
			</view>
			<view class="p_dEval">
				<view v-if="evalList.length > 0 || evalList.length !== 0">
			
					<view v-for="items in evalList" :key="items.id">
						<view class="p_deItem">
							<view class="p_deHead">
								<image :src="items.user_id.avatar.path" v-if="items.is_anonymous==0"></image>
							</view>
							<view class="p_deCont">
								<view class="p_deUser">
									<view class="p_deName">{{items.is_anonymous==0?items.user_id.username:'匿名用户'}}</view>
									<view class="p_deTime"><text
											space="ensp">{{$utils.getFormatDate(items.create_time*1000,'yyyy-MM-dd hh:mm:ss')}}</text></view>
									<!-- <view class="p_deRemark">服务：{{items.service_score}} |
										设计：{{items.design_score}} | 施工：{{items.build_score}}</view> -->
										<view class="p_deRemark"> 综合：{{items.overall_score}} | 服务：{{items.service_score}} | 设计：{{items.design_score}}</view>
								</view>
								<view class="p_deMedia">
									<view class="p_deText">{{items.content}}</view>
									<view class="p_deImgs" v-if="items.type == 1">
										<view class="p_deImg" v-for="(itemx,indexx) in items.media"
											:key="indexx" 
											@tap.stop="preview(index,items.media)">
											<image :src="itemx.path"></image>
										</view>
									</view>
									<view class="p_deImgs" v-if="items.type == 2">
										<view class="p_deImg" v-for="(itemx,indexx) in items.media"
											:key="indexx" >
											<!-- <image :src="items.thumb_url.path"></image> -->
											<video style="width: 188rpx;height: 188rpx;" id="myVideo" :src="itemx.path" controls></video>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<view v-else>
					<u-empty text="暂无评价" icon-color="#eee" color="#ccc" mode="data"></u-empty>
				</view>
				<!-- <view style="display: flex;align-items: center;flex: 1;">
					<view class="p_dBtn" style="flex: 1;" @click="goEvaluate">立即评价</view>
					<view class="p_dBtn" style="flex: 1;" v-if="evalList.length == 3"
						@tap="toPage('evaluate_list')">查看全部评价
					</view>
				</view> -->
				<!-- <view class="p_dBtn" @tap="toPage('evaluate_list')" v-if="evalList.length == 3">查看全部评价
				</view> -->
			</view>
		</view>
		
		<!-- 下单按钮 -->
		<view class="into_shopcart">
			<view class="into_shopcart_box">
				<!-- 左边小图标 -->
				<view class="into_icon">
					<view class="icon_store" @click="callPhone">
						<view class="store">
							<image src="@/static/my/vb.png" />
						</view>
						<text>电话咨询</text>
					</view>
					<view class="icon_service">
						<view class="service">
							<image src="@/static/my/sv.png" />
						</view>
						<text>在线咨询</text>
					</view>
					<!-- #ifndef MP-WEIXIN -->
					<button class="contact_btn" @tap="toCustomer()" plain="true"></button>
					<!-- #endif -->
					<!-- #ifdef MP-WEIXIN -->
					<button class="contact_btn" @click="toCustomer()" plain="true" v-if="!config_id && !config_url"></button>
					<button class="contact_btn" @click="gitpouchatshow" plain="true" v-else></button>
					<!-- #endif -->
				</view>
				<!-- 右边按钮 -->
				<view class="into_btn">
					<!-- 去结算 -->
					<view class="into_settlement" @click="orderadd()"><text>下单</text></view>
				</view>
			</view>
		</view>
		<!-- 下单弹出层 -->
		<u-popup v-model="show" mode="center" border-radius="20">
			<view class="selectOrder">
				<view class="topBg">
					<image @click="show = false" :src="`${baseImg}/static/adminShop/decoration/order_close.png`" mode=""></image>
					请选择您的下单类型
				</view>
				<view class="selectItem">
					<view class="item" :class="{'active':selectOrder==1}" @click="selectOrderFn(1)">
						<image :src="`${baseImg}/static/adminShop/decoration/order_desgin.png`" mode=""></image>
						<view class="">
							设计订单
							<view class="sign">仅设计订单，不包含施工</view>
						</view>
					</view>
					<view class="item" :class="{'active':selectOrder==2}" @click="selectOrderFn(2)">
						<image :src="`${baseImg}/static/adminShop/decoration/order_build.png`" mode=""></image>
						<view class="">
							施工订单
							<view class="sign">含（设计+施工）或施工订单</view>
						</view>
					</view>
				</view>
				<view class="btnBox">
					<view class="btn" @click="toAddOrder">下一步</view>
				</view>
			</view>
		</u-popup>
		
		<!-- 公司信息弹框 -->
		<u-popup style="overflow: visible!important;" class="PopupView" v-model="showPopup" mode="bottom" height="80%" border-radius="14" z-index="100" :mask-close-able="true">
		    <view class="PopupheadImg" style="position: fixed;top: -68rpx;transform: translate(-50%, 0%);width: 136rpx;height: 136rpx;background: #fff;border-radius: 50%;z-index: 999;left: 50%;padding: 4rpx;">
		        <image :src="decoraInfo.avatar.path" mode="" style="border-radius: 50%;"></image>
		    </view>
		    <view class="PopupTitle" style="margin-top: 80rpx;text-align: center;font-size: 36rpx;font-weight: 600;line-height: 50rpx;color: #333333;margin-bottom: 48rpx;">
		       {{decoraInfo.title}}
		    </view>
		    <view style="width: 100%;">
		        <u-tabs :show-bar="false" style="border-bottom: 1rpx solid #F4F4F4;" :bar-style="tabsBottomStyle" :list="popupTabs" inactive-color="#999999" active-color="#C3AB7C" :is-scroll="false" font-size="28" :current="PopupCurrent" @change="PopupTabsChange"></u-tabs>
		    </view>
		    <view class="PopupMain">
		        <view class="PopupGS" v-if="PopupCurrent == 0">
		            <view class="PopupGsList">
		                <view>专长风格</view>
		                <view class="PopupGsText">
							<text v-for="(item,index) in decoraInfo.design_style" :key="index">{{item.name}}<text v-if="index!=decoraInfo.design_style.length-1">，</text></text>
						</view>
		            </view>
		            <view class="PopupGsList">
		                <view>服务区域</view>
		                <view class="PopupGsText">{{decoraInfo.service_area}}</view>
		            </view>
		            <view class="PopupGsList">
		                <view>营业时间</view>
		                <view class="PopupGsText">{{decoraInfo.open_day}}~{{decoraInfo.close_day}}，每天{{decoraInfo.open_time}}-{{decoraInfo.close_time}}</view>
		            </view>
		            <view class="PopupGsList">
		                <view>企业介绍</view>
		                <view class="PopupGsText">
							{{decoraInfo.introduction || ''}}
		                </view>
		            </view>
		        </view>
		        <!-- <view class="PopupTs" v-if="PopupCurrent == 1">
		            <view class="PopupTsView">
		                <view class="PopupTitle">平台服务</view>
		                <view class="PopupTsItem">
		                    <view class="PopupTsMain">
		                        <view class="PopupTsIcon">
		                            <u-icon name="checkbox-mark" color="#fff" size="20"></u-icon>
		                        </view>
		                        <view class="PopupTsText">
		                            <view>先装修后支付</view>
		                            <view class="PopupTsMessage">装修款100%托管，阶段施工完毕业主确认后支付。</view>
		                        </view>
		                    </view>
		                </view>
		            </view>
		        </view> -->
				<!-- 资质荣誉 -->
				<view class="honor" v-if="PopupCurrent==1">
					<view class="item">
						<view class="tit">公司资质<text>（{{decoraInfo.quality_thumb_url.length || 0}}）</text></view>
						<view class="imgBox">
							<image v-for="(item,index) in decoraInfo.quality_thumb_url" :key="idnex" :src="item.path" mode="" @click="toViewImg(index,1)">
						</view>
					</view>
					<view class="item">
						<view class="tit">公司荣誉<text>（{{decoraInfo.award_thumb_url.length || 0}}）</text></view>
						<view class="imgBox">
							<image v-for="(item,index) in decoraInfo.award_thumb_url" :key="idnex" :src="item.path" mode="" @click="toViewImg(index,2)">
						</view>
					</view>
				</view>
		    </view>
		</u-popup>
		<!-- 弹窗 - 评论 -->
		<view class="p_evalute" :class="{'active': commentPop}" @touchmove.stop.prevent="moveHandle">
			<view class="p_eBg"></view>
			<view class="p_eBox">
				<view class="p_eShim" @tap="commentPop = false"></view>
				<view class="p_eContain">
					<view class="p_eClose" @tap="commentPop = false">
						<view class="iconfont icon-cancel"></view>
					</view>
					<view class="p_eTitle">共{{trend_idnum}}条评论</view>
					<scroll-view class="p_eList" scroll-y @scrolltolower="dync_commentNext">
						<view v-for="comment in commentList" :key="comment.id">
							<view class="p_eItem">
								<view class="p_eHead" v-if="comment.user_id.avatar.path">
									<image :src="comment.user_id.avatar.path"></image>
								</view>
								<view class="p_eHead" v-else>
									<image src="https://manager.ryz1620.com/static/my/avator.png"></image>
								</view>
								<view class="p_eCont">
									<view @tap="dync_commentSelectReply(comment.id, comment.user_id.username)">
										<view class="p_eName">{{comment.user_id.username}}
											<!-- <view class="p_eAuth">作者</view> -->
										</view>
										<view class="p_eTxt">{{comment.content}}</view>
										<view class="p_eTxt">
											<view class="p_eTip" style="padding-left: 0;">{{comment.createTime}}</view>
											<view class="p_eTip" @tap.top="getcommentdel(comment.id)"
												v-if="comment.user_id.id == useid">删除</view>
											<view class="p_eTip" v-else style="color: #333;">回复</view>
										</view>
									</view>
									<view class="p_eIts">
										<view v-for="reply in comment.sub_reply" :key="reply.id">
											<view class="p_eiItem"
												@tap="dync_commentSelectReply(reply.id, reply.user_id.username)">
												<view class="p_eiHead" v-if="reply.user_id.avatar.path">
													<image :src="reply.user_id.avatar.path"></image>
												</view>
												<view class="p_eHead" v-else>
													<image src="https://manager.ryz1620.com/static/my/avator.png"></image>
												</view>
												<view class="p_eiCont">
													<view class="p_eiName">{{reply.user_id.username}}</view>
													<view class="p_eiTxt">
														<view v-if="reply.isReplay"
															style="color: #666; font-size: 20rpx;">
															回复<text
																class="p_eiReply">{{reply.reply_id.username}}</text>：
														</view>
														{{reply.content}}
													</view>
													<view class="p_eiTxt">
														<view class="p_eiTip">{{reply.createTime}}</view>
														<view class="p_eiTip" @tap.top="getcommentdel(reply.id)"
															v-if="reply.user_id.id == useid">删除</view>
														<view class="p_eiTip" v-else style="color: #333;">回复</view>
													</view>
		
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
					<view class="p_eReply">
						<view class="p_erSend" v-if="!commentIsReply" @click="dync_comment">发送</view>
						<view class="p_erSend" v-else @click="dync_commentReply">发送</view>
						<view class="p_erInput">
							<!-- <view class="p_erIcon"><view class="iconfont icon-brow"></view></view> -->
							<input type="text" placeholder-class="placeholder" :focus="commentFocus" v-model="content"
								:placeholder="commentReplyName ? '回复 @' + commentReplyName + ':' : '评论一下吧~'"
								@confirm="dync_comment" @input="inputKey($event, 'comment')" />
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<!-- 微信客服 -->
		<view class="pouchat" v-if="pouchatshow">
		  <view class="poucont">	
			<view class="chatlist">
				<view class="chatml" @click="gitwxchat()" v-if="config_url">
					<image src="https://manager.ryz1620.com/static/my/wxchat.png" mode="widthFix"></image>
					<text class="t1">在线微信客服</text>
					<text class="t2">可直接联系客服</text>
				</view>
				<view class="chatml" v-if="config_id">
					<cell class="cell-service" bind:startmessage='startmessage' bind:completemessage="completemessage" :plugid="config_id"/>
					<image src="https://manager.ryz1620.com/static/my/codechat.png" mode="widthFix"></image>
					<text class="t1">添加微信客服</text>
					<text class="t2">扫微信二维码</text>
				</view>
			</view>
			<view class="iconfont icon-close" @click="wxCodeClick"></view>
		  </view>	
		</view>
	</view>
</template>

<script>
	import service_decoration from '@/service/decoration.js'
	import service_mall from '@/service/mall.js'
	import LivePlayer from '@/service/player.js'
	export default {
		components: {
			// #ifdef MP-WEIXIN
				"cell": "plugin://contactPlugin/cell",
			// #endif
		},
		data() {
			return {
				baseImg:this.$static,
				list: [{
						image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
						title: '昨夜星辰昨夜风，画楼西畔桂堂东'
					},
					{
						image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
						title: '身无彩凤双飞翼，心有灵犀一点通'
					},
					{
						image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
					}
				],
				count: 5,
				value: 5,
				titleTxt:'',
				tabslist: [{
						name: '案例'
					},
					{
						name: '动态'
					},
					{
						name: '评价'
					}
				],
				current: 0,
				tabsBottomStyle: {
					'border-radius': ' 4rpx 4rpx 0rpx 0rpx',
					width: '40rpx',
					height: '8rpx',
					bottom: '-8rpx',
					background: '#C3AB7C'
				},
				constrList:[],//工地列表
				active: 0,
				activeType:0,
				typeList: ['设计案例','施工案例'],
				screenList: [],
				selectStyleId:'',
				navBackground: '#fff',
				navBackColor: '',
				dynaList:[],//动态
				evalList:[],//评价
				decoration_id:'',//装企id
				decoraInfo:{},
				isFocus:false,//是否关注该装企
				show:false,
				selectOrder:1,
				dynaPage:1,
				dynaPagesize:10,
				page:1,
				pagesize:10,
				caseList:[],
				
				showPopup:false,//公司信息弹框
				PopupCurrent:0,
				scrollTop:0,
                popupTabs: [{
                        name: '公司介绍'
                    },
                    // {
                    //     name: '特色服务'
                    // },
                    {
                    	name: '资质荣誉'
                    }
                ],
				
				mediaTypeIndex:0,
				mediaType:['图文','视频'],
				
				evalTypeIndex:0,
				evalType:['设计评价','施工评价'],
				
				// 评论
				trend_id: '',
				trend_idnum: '',
				content: '',
				comment: '', // 评论内容
				commentId: null, // 设计动态id
				commentPop: false,
				commentLoading: false,
				commentTime: 0,
				commentPage: 0,
				commentList: [],
				commentIsReply: false,
				commentReplyId: null,
				commentReplyName: null,
				commentFocus: false,
				config_id:'',
				config_url:'',
				pouchatshow:false,
				userId:uni.getStorageSync('userId'),
				share_uid:'',
			};
		},
		onLoad(options) {
			this.decoration_id = options.decorationId
			if (options.share_uid) {
				let shareuId = options.share_uid
				this.share_uid=shareuId;
				this.$store.commit('index/SET_shareuId', shareuId)
				let token = uni.getStorageSync('token')
				if (token && shareuId) {
					service_mall.getPromoter({
							share_uid: shareuId
						})
						.then(res => {})
				}
			}
		},
		onShow() {
			this.$utils.getUrl()
			let token = uni.getStorageSync('token')
			if (!token) {
				uni.redirectTo({
					url: '/pages_login/pages/login/login/index'
				});
			}
			this.getDesginStyle()
			this.getDesginCase()
			this.getDetail()
			this.getLvieConfig()
			this.gitConfig()
			this.gitwxConfig()
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
			// console.log(e.scrollTop)
			if (e.scrollTop >= 100) {
				this.titleTxt = '';
			} else {
				this.titleTxt = '';
			}
			// console.log(this.titleTxt)
		},
		onShareAppMessage(res) {
			let that = this
			if (res.from === 'button') {}
			return {
				title: this.decoraInfo.title,
				path: '/pages_decoration/pages/decoration/detailes/index?decorationId=' + this.decoration_id + '&share_uid=' + this.userId,
				success: function(res) {}
			}
		},
		onShareTimeline(res) {
			if (res.from === 'menu') {}
			return {
				title: this.decoraInfo.title,
				//imageUrl: this.designer.back_thumb_url.path,
				path: '/pages_decoration/pages/decoration/detailes/index?decorationId=' + this.decoration_id + '&share_uid=' + this.userId,
				success: function(res) {
					
				}
			};
		},
		onReachBottom() {
			this.page++
			if(this.current==0){
				if(this.activeType==0){
					this.getDesginCase()
				}else{
					this.getBuildCase()
				}
			}else if(this.current==1){
				this.getDynaList()
			}else if(this.current==2){
				this.getEvalList()
			}
		},
		methods: {
			//直播配置开关(动态视频开关)
			getLvieConfig() {
				LivePlayer.getLvieConfig()
					.then(res => {
						if (res.code === 1) {
							console.log(res.data);
							if (res.data.value == 0) {
								this.mediaType = ['图文']
							} else {
								this.mediaType = ['图文','视频']
							}
						} else {
						}
					})
					.catch(err => {
						console.log(err);
					});
			},
			
			// 获取企业微信callme配置
			gitConfig() {
				service_mall.getCallMeConfig({ partner_type: 'decoration', partner_id: this.decoration_id }).then(res => {
					if (res.code == 1) {
						this.config_id = res.data.config_id;
					}
				});
			},
			gitwxConfig() {
				service_mall.getwxMeConfig({ partner_type: 'decoration', partner_id: this.decoration_id  }).then(res => {
					if (res.code == 1) {
						this.config_url = res.data.url;
					}
				});
			},
			gitpouchatshow(){
				this.pouchatshow = true
			},
			wxCodeClick(){
				this.pouchatshow = false
			},
			gitwxchat(){
				wx.openCustomerServiceChat({
				  extInfo: {url: this.config_url},
				  corpId: this.$env.CORPID,
				  success(res) {}
				})
			},
			TabsChange(index) {
				this.current = index;
				this.page = 1
				if(index==0){
					this.activeType = 0
					this.caseList = []
					this.getDesginCase()
				}else if(index==1){
					this.dynaList = []
					this.getDynaList()
				}else if(index==2){
					this.evalList = []
					this.getEvalList()
				}
			},
            PopupTabsChange(index) {
                this.PopupCurrent = index;
            },
			
			// 选择案例风格
			DomeValue(row, index) {
				console.log(row,index,'----')
				this.active = index;
				this.page=1
				this.caseList = []
				this.selectStyleId = row.id
				if(this.activeType==0){
					this.getDesginCase()
				}else{
					this.getBuildCase()
				}
			},
			// 选择案例类型
			selectCaseType(row, index) {
				this.activeType = index;
				this.page = 1
				this.caseList = []
				if(index==0){
					this.getDesginCase()
				}else{
					this.getBuildCase()
				}
			},
			// 获取案例风格
			getDesginStyle(){
				let params = {
					type:'design_style'
				}
				service_decoration.getDesginStyle(params).then(res=>{
					console.log(res,'案例风格')
					if(res.code==1){
						this.screenList = res.data?res.data:[]
						this.screenList.unshift({
							name:'全部',
							id:''
						})
					}
				})
			},
			
			// 跳转-海报页面
			popShareToPicture(id) {
				uni.navigateTo({
					url: '/pages_design/pages/design/dynamic/share?trendId=' + id
				})
			},
			
			// 图片预览
			toViewImg(index,type) { //type=1资质，type=2荣誉
				let imgArr = type==1?this.decoraInfo.quality_thumb_url:this.decoraInfo.award_thumb_url;
				let urlType = Array.isArray(imgArr)
				console.log(imgArr,'需要预览的图片')
				let imgUrl = []
				if (urlType) {
					imgArr.map(item => {
						imgUrl.push(item.path)
					})
				} else {
					imgUrl.push(imgArr.path)
				}
				uni.previewImage({
					current: index, //预览图片的下标
					urls: imgUrl //预览图片的地址，必须要数组形式，如果不是数组形式就转换成数组形式就可以
				});
			},
			
			// 动态选择媒体类型
			selectMediaType(row,index){
				this.mediaTypeIndex = index
				this.page = 1
				this.dynaList = []
				this.getDynaList()
			},
			
			// 评论选择类型
			selectEvalType(row,index){
				this.evalTypeIndex = index
				this.page = 1
				this.evalList = []
				this.getEvalList()
			},
			
			// 获取设计案例
			getDesginCase(){
				let params = {
					estate_id:'',
					house_id:'',
					keyword:'',
					bedroom_num:'',
					area:'',
					offer:'',
					style:this.selectStyleId,
					is_display:'',
					is_light_design:'',
					decoration_id:this.decoration_id,
					page:this.page,
					pagesize:this.pagesize
				}
				service_decoration.getDesginCase(params).then(res=>{
					console.log(res,'设计案例')
					if(res.code==1){
						// this.caseList = res.data?res.data:[]
						let data = res.data
						for (var i = 0; i < data.length; i++) {
							this.caseList.push(data[i]); // 加载的数据追加在上一页后面
						}
					}
				})
			},
			// 获取施工案例
			getBuildCase(){
				let params = {
					decoration_id:this.decoration_id,
					keyword:'',
					area:'',
					offer:'',
					style:this.selectStyleId,
					page:this.page,
					pagesize:this.pagesize
				}
				service_decoration.getBuildCase(params).then(res=>{
					console.log(res,'施工案例')
					if(res.code==1){
						// this.caseList = res.data?res.data:[]
						let data = res.data
						for (var i = 0; i < data.length; i++) {
							this.caseList.push(data[i]); // 加载的数据追加在上一页后面
						}
					}
				})
			},
			// 设计或施工案例详情
			toCaseDetail(id){
				if(this.activeType==0){//设计案例
					uni.navigateTo({
						url:`/pages_decoration/pages/decoration/desginCase/desginDemo?caseId=${id}`
					})
				}else{
					uni.navigateTo({//施工案例
						url:`/pages_decoration/pages/decoration/buildCase/demo?caseId=${id}`
					})
				}
			},
			
			// 动态点赞
			trendStore(item, index) {
				let status = item.support_status
				if (status == 1) {
					uni.showModal({
						title: '提示',
						content: '确认取消点赞?',
						success: (res) => {
							if (res.confirm) {
								service_decoration.gitTrendstatus({
										trend_id: item.id,
										status: 0
									})
									.then(res => {
										if (res.code == 1) {
											this.dynaList[index].support_status = 0
											this.dynaList[index].support_num--
										} else {
											this.$utils.showErr({
												title: res.msg
											})
										}
									})
							} else if (res.cancel) {
								return
							}
						}
					});
				} else {
					service_decoration.gitTrendstatus({
							trend_id: item.id,
							status: 1
						})
						.then(res => {
							if (res.code == 1) {
								this.dynaList[index].support_status = 1
								this.dynaList[index].support_num++
							} else {
								this.$utils.showErr({
									title: res.msg
								})
							}
						})
			
				}
			
			},
			
			// 展示动态的评论框
			dyna_showComment(item) {
				this.trend_id = item.id
				this.trend_idnum = item.comment_num
				this.commentPage = 0
				this.commentPop = true
				this.commentLoading = false
				this.commentList = []
				this.dyna_getComment()
			},
			// 获取动态的评价内容
			dyna_getComment() {
				if (!this.commentLoading) {
					this.commentLoading = true
					this.commentTime++
					let commentTime = this.commentTime
					let commentPage = this.commentPage + 1
					console.log(commentPage)
					// 获取评论数据
					service_decoration.getCommentList({
							trend_id: this.trend_id,
							page: commentPage
						})
						.then(res => {
							if (this.commentTime === commentTime) {
								this.commentLoading = false
			
								if (res.code == 1) {
									let data = res.data
									let list = this.commentList || []
									// 处理数据
									let nowTime = Date.now()
									for (let i = 0; i < data.length; i++) {
										data[i].create_time *= 1000
										data[i].createTime = this.$utils.getDateDiff(data[i].create_time)
										// 处理回复数据
										let replayList = data[i].sub_reply
										if (replayList && replayList.length) {
											for (let j = 0; j < replayList.length; j++) {
												replayList[j].create_time *= 1000
												replayList[j].createTime = this.$utils.getDateDiff(replayList[j]
													.create_time, )
			
												// 是否是回复 回复数据 的数据
												if (data[i].id !== replayList[j].parent_id) replayList[j].isReplay =
													true
											}
										}
										// 保存数据
										list.push(data[i])
									}
									this.content = ''
									this.commentPage++
									this.commentList = list
								}
							}
						})
						.catch(err => {
							if (this.commentTime === commentTime) {
								this.commentLoading = false
							}
						})
				}
			},
			// 评论
			dync_comment() {
				var that = this
				let content = that.content
				service_decoration.getcomment({
						trend_id: that.trend_id,
						content: content
					})
					.then(res => {
						if (res.code == 1) {
							that.commentPage = 0
							that.commentList = []
							that.trend_idnum++
							that.content = ''
							content = ''
							that.dyna_getComment()
							that.getdesigner()
						} else {
							uni.showModal({
								title: '提示',
								content: res.msg,
								showCancel: false,
								success(res) {
									if (res.confirm) {
										// console.log('用户点击确定')
										this.content = ''
										content = ''
									}
								}
							})
			
						}
					})
					.catch(err => {
			
					})
			},
			// 回复他人评论
			dync_commentSelectReply(id, name) {
				console.log(this.commentIsReply,'是否回复')
				this.commentIsReply = true
				this.commentReplyId = id
				this.commentReplyName = name
				this.content = ''
			},
			// 发布回复评论
			dync_commentReply() {
				console.log('回复回复')
				service_decoration.getcommentreply({
						comment_id: this.commentReplyId,
						content: this.content
					})
					.then(res => {
						if (res.code == 1) {
							this.commentIsReply = false
							this.commentPage = 0
							this.commentList = []
							this.content = ''
							this.commentReplyId = ''
							this.commentReplyName = ''
							this.dyna_getComment()
							this.getdesigner()
						} else {
							uni.showModal({
								title: '提示',
								content: res.msg,
								showCancel: false,
								success(res) {
									if (res.confirm) {
										// console.log('用户点击确定')
										this.content = ''
										// content = ''
									}
								}
							})
			
						}
					})
					.catch(err => {
			
					})
			},
			// 获取更多评论内容
			dync_commentNext(e) {
				if (!this.commentLoading) {
					this.dyna_getComment()
				}
			},
			// 删除评论
			getcommentdel(id) {
				uni.showModal({
					title: '提示',
					content: '确认删除评论?',
					success: (res) => {
						if (res.confirm) {
							service_decoration.getcommentdel({
									comment_id: id
								})
								.then(res => {
									if (res.code == 1) {
										this.commentPage = 0
										this.commentList = []
										this.trend_idnum--
										this.content = ''
										this.dyna_getComment()
										this.getdesigner()
									} else {
										this.$utils.showErr({
											title: res.msg
										})
									}
								})
						} else if (res.cancel) {
							return
						}
					}
				});
			},
			
			// 输入框输入内容事件
			inputKey(event, key) {
				this[key] = event.detail.value
			},
			
			// 跳转
			toPage(page,{trendId} = {}){
				// 动态详情
				if (page === 'dynamic_detail') {
					uni.navigateTo({
						url: '/pages_design/pages/design/dynamic/dynamic?trendId=' + trendId
					})
				}
			},
			
			// 获取装企详情
			getDetail(){
				let params = {
					decoration_id:this.decoration_id
				}
				service_decoration.getDetail(params).then(res=>{
					console.log(res,'装企详情')
					if(res.code==1){
						this.decoraInfo = res.data?res.data:{},
						this.isFocus = res.data.follow_status
					}
				})
			},
			
			// 获取工地列表
			getConstrList(){
				let params = {
					decoration_id:this.decoration_id,
					page:this.page,
					pagesize:this.pagesize
				}
				service_decoration.getConstrList(params).then(res=>{
					console.log(res,'工地列表')
					if(res.code==1){
						// this.constrList = res.data?res.data:[]
						let data = res.data
						for (var i = 0; i < data.length; i++) {
							this.constrList.push(data[i]); // 加载的数据追加在上一页后面
						}
					}
				})
			},
			
			// 获取动态列表
			getDynaList(){
				let params = {
					partner_id:this.decoration_id,
					partner_type:'decoration',
					type:this.mediaTypeIndex,
					page:this.page,
					pagesize:this.pagesize
				}
				service_decoration.getDynaList(params).then(res=>{
					console.log(res,'动态列表')
					if(res.code==1){
						// this.dynaList = res.data?res.data:[]
						let data = res.data
						for (var i = 0; i < data.length; i++) {
							this.dynaList.push(data[i]); // 加载的数据追加在上一页后面
						}
					}
				})
			},
			
			// 获取评价列表
			getEvalList(){
				let params = {
					decoration_id:this.decoration_id,
					page:this.page,
					pagesize:this.pagesize,
					evalType:this.evalTypeIndex==0?'desgin':'build'
				}
				service_decoration.getEvalList(params).then(res=>{
					console.log(res,'评价列表')
					if(res.code==1){
						// this.evalList = res.data?res.data:[]
						let data = res.data
						for (var i = 0; i < data.length; i++) {
							this.evalList.push(data[i]); // 加载的数据追加在上一页后面
						}
					}
				})
			},
			
			// 进入公司详情
			toIntroduce(){
				// uni.navigateTo({
				// 	url:'/pages_decoration/pages/decoration/introduce/index'
				// })
				this.showPopup = true
			},
			
			// 拨打电话
			callPhone() {
				uni.makePhoneCall({
					phoneNumber: this.decoraInfo.phone
				});
			},
			toCustomer() {
				uni.showToast({
					title: '哎呀!不好意思，暂未配置客服...',
					icon: 'none',
					duration: 2000
				});
				// uni.navigateTo({
				// 	url: "/pages_customer/pages/index?partner_type=decoration&partner_id=" + this.decoration_id
				// })
			},
			
			// 团队列表
			toTeamList(type){
				uni.navigateTo({
					url:`/pages_decoration/pages/decoration/teamList/index?type=${type}&decoration_id=${this.decoration_id}`
				})
			},
			
			// 下单按钮
			orderadd(){
				this.show = true
			},
			// 下单选择订单类型
			selectOrderFn(type){
				this.selectOrder = type
			},
			// 下一步按钮
			toAddOrder(){
				if(this.selectOrder==1){
					uni.navigateTo({
						url:`/pages_design/pages/design/order/add?decorationId=${this.decoration_id}&img=${this.decoraInfo.avatar.path}&name=${this.decoraInfo.title}&share_id=${this.share_uid}`
					})
				}else{
					uni.navigateTo({
						url:`/pages_two/pages/construction/goOrder/add?decorationId=${this.decoration_id}&img=${this.decoraInfo.avatar.path}&name=${this.decoraInfo.title}&share_id=${this.share_uid}`
					})
				}
			},
			
			// 关注or取消关注
			focusSDesigner() {
				let follow = this.isFocus
				if (follow != 0) {
					this.type = 0
					uni.showModal({
						title: '提示',
						content: '确认取消关注?',
						success: (res) => {
							if (res.confirm) {
								service_decoration.focusDecoration({
										decoration_id: this.decoraInfo.id,
										status: 0
									})
									.then(res => {
										if (res.code == 1) {
											this.isFocus = this.type == 1
										} else {
											this.$utils.showErr({
												title: res.msg
											})
										}
									})
								this.popFocus = false
			
							} else if (res.cancel) {
								return
							}
						}
					});
				} else {
					this.type = 1
					service_decoration.focusDecoration({
							decoration_id: this.decoraInfo.id,
							status: 1
						})
						.then(res => {
							if (res.code == 1) {
								this.isFocus = this.type == 1
							} else {
								this.$utils.showErr({
									title: res.msg
								})
							}
						})
					this.popFocus = false
				}
			
			},
		}
	};
</script>

<style lang="scss">
    .PopupView ::v-deep .u-drawer-content {
        overflow: visible !important;
    }

    .PopupView ::v-deep .uni-scroll-view-content {
        height: auto !important;
    }
	.decoration {
		margin-bottom: 102rpx;
		background-color: #fff;
		.p_aCan {
			width: 100%;
			overflow: hidden;
			display: flex;
			justify-content: space-between;
			align-items: center;
			opacity: 0;
			transition: opacity .3s;

			&.active {
				opacity: 1;
			}
		}

		.p_aFocus {
			width: 114rpx;
			height: 48rpx;
			line-height: 48rpx;
			text-align: center;
			color: #fff;
			font-size: 20rpx;
			margin: 0 36rpx 0 40rpx;
			border-radius: 28rpx;
			background: #333;
			// float: right;

			&.active {
				color: #939393;
				background: #f6f7fb;
			}
		}

		.p_aHead {
			width: 68rpx;
			height: 68rpx;
			margin-right: 28rpx;
			border-radius: 50%;
			background: #f0f0f0;
			overflow: hidden;
			float: left;
		}

		.p_aName {
			height: 40rpx;
			line-height: 40rpx;
			overflow: hidden;
			flex: 1;
		}

		// 公司信息
		.decorationInfo {
			background-color: #fff;
			padding: 32rpx;

			.title {
				font-size: 36rpx;
				font-weight: 600;
				line-height: 50rpx;
				color: #333333;
			}

			.fansNum {
				display: flex;
				align-items: center;
				font-size: 24rpx;
				font-weight: 400;
				line-height: 34rpx;
				color: #C3AB7C;
				margin-top: 10rpx;
				margin-bottom: 10rpx;
			}

			.messageInfo {
				font-size: 24rpx;
				font-weight: 400;
				line-height: 44rpx;
				color: #6C6C6C;
				margin-bottom: 28rpx;
			}

			.scoreBox {
				padding: 20rpx 40rpx;
				background: #FEF6F4;
				border-radius: 10rpx;
				display: flex;
				align-items: center;
			}
			
			// 公司介绍
			.companyInfo{
				margin-top: 24rpx;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #F4F4F4;padding-bottom: 30rpx;
				.InfoBox{
					display: flex;align-items: center;font-size: 26rpx;font-weight: 600;line-height: 36rpx;color: #333333;
					.border{
						color: #CCCCCC;font-size: 28rpx;margin: 0 12rpx;
					}
				}
				.renovation{
					margin-top: 15rpx;display: flex;align-items: center;
					.item{
						font-size: 20rpx;font-weight: 400;color: #6C6C6C;border: 1px solid #CCCCCC;border-radius: 6rpx;width: max-content;padding: 2rpx 10rpx;margin-right: 20rpx;
					}
				}
			}
			// 营业时间
			.openTime{
				padding: 28rpx 0;
				.address{
					font-size: 26rpx;font-weight: 600;line-height: 40rpx;color: #333333;margin-bottom: 10rpx;
				}
				.open_time{
					font-size: 22rpx;font-weight: 400;line-height: 20rpx;color: #6C6C6C;
				}
			}

		}
		
		// 案例
		.decoCase{
			padding:32rpx 32rpx 32rpx 32rpx;background-color: #fff;
			.list{
				margin-top: 40rpx;
				.item{
					height: 524rpx;
					margin-bottom: 40rpx;
					border-radius: 16rpx;
					background-color: #fff;
					box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.08);
					.imgBox{
						height: 376rpx;border-radius: 16rpx 16rpx 0 0;overflow: hidden;position: relative;
						.box_3d{
							height: 376rpx;border-radius: 16rpx;overflow: hidden;margin-bottom: 16rpx;position: relative;
							.onBox{
								width: 42rpx;height: 42rpx;
							}
							.text_3d{
								font-size: 24rpx;font-weight: 400;line-height: 34rpx;color: #FFFFFF;
							}
						}
						.authorBox{
							width: 100%;
							padding: 26rpx 16rpx;
							position: absolute;
							bottom: 0;
							left: 0;
							display: flex;
							align-items: center;
							justify-content: space-between;
							font: 400 24rpx/44rpx PingFang SC;
							color: #fff;
							.img_box{
								display:flex;
								image{
									width: 40rpx;
									height: 40rpx;
									border-radius: 50%;
									margin-right: 8rpx;
								}
							}
						}
					}
					.infoBox{
						padding: 24rpx 28rpx 28rpx;
						.tagBox{
							display: flex;
							font: 400 24rpx/44rpx PingFang SC;
							color: #333;
							text{
								padding: 4rpx 20rpx;
								border-radius: 18rpx;
								margin-right: 16rpx;
								background-color: #F9F6F3;
								color: #A98F68;
								font: 400 20rpx/36rpx PingFang SC;
							}
						}
						.title{
							margin-top: 16rpx;
							font: 600 36rpx/44rpx PingFang SC;
							color: #333;
						}
					}
					
				}
			}
		}
		
		// 动态
		.p_dDyna {
			padding-top: 40rpx;
			position: relative;
			overflow: hidden;
		
			&::after {
				content: "";
				height: 1px;
				background: #f4f4f4;
				position: absolute;
				bottom: 0;
				left: 32rpx;
				right: 32rpx;
				transform: scaleY(.5);
			}

			&:nth-last-child(1)::after {
				content: none;
			}
			.p_ddItem {
				padding-top: 40rpx;
			}
		
			// 用户信息
			.p_ddUser {
				padding: 0 32rpx;
			}
		
			.p_ddHead {
				width: 84rpx;
				height: 84rpx;
				margin-right: 20rpx;
				border-radius: 50%;
				background: #f0f0f0;
				overflow: hidden;
				float: left;
			}
		
			.p_ddCan {
				padding-top: 6rpx;
				overflow: hidden;
			}
		
			.p_ddName {
				height: 40rpx;
				line-height: 40rpx;
				font-weight: bold;
			}
		
			.p_ddTime {
				height: 34rpx;
				line-height: 34rpx;
				color: #939393;
				font-size: 24rpx;
			}
		
			// 标签
			.p_ddTags {
				margin: 18rpx 32rpx 0;
				overflow: hidden;
			}
		
			.p_ddTag {
				height: 44rpx;
				line-height: 44rpx;
				color: #a58f6d;
				font-size: 24rpx;
				padding: 0 20rpx 0 48rpx;
				border-radius: 22rpx;
				background: #f9f6f3;
				position: relative;
				float: left;
			}
		
			.p_ddTag-icon {
				width: 36rpx;
				height: 36rpx;
				position: absolute;
				top: 4rpx;
				left: 4rpx;
			}
		
			// 内容
			.p_ddText {
				line-height: 44rpx;
				margin: 0rpx 36rpx 0;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
			}
		
			.p_ddAll {
				height: 36rpx;
				line-height: 36rpx;
				color: #a98f68;
				font-size: 26rpx;
				margin-top: 8rpx;
				position: relative;
			}
		
			.p_ddAll-click {
				width: 140rpx;
				height: 70rpx;
				position: absolute;
				top: -18rpx;
				left: -36rpx;
			}
		
			.p_ddImgs {
				padding: 18rpx 0 0 32rpx;
				overflow: hidden;
			}
		
			.p_ddImg {
				width: 220rpx;
				height: 220rpx;
				margin: 12rpx 14rpx 0 0;
				border-radius: 4rpx;
				background: #f0f0f0;
				overflow: hidden;
				float: left;
			}
		
			// 底部功能键
			.p_funs {
				padding: 20rpx 32rpx 22rpx;
				display: flex;
			}
		
			.p_fun {
				height: 74rpx;
				display: flex;
				flex: 1;
				justify-content: center;
				align-items: center;
		
				&:nth-child(1) {
					justify-content: flex-start;
				}
		
				&:nth-last-child(1) {
					justify-content: flex-end;
				}
			}
		
			.p_fIcon {
				width: 40rpx;
				height: 40rpx;
				line-height: 40rpx;
				color: #6c6c6c;
				font-size: 40rpx;
				margin-right: 16rpx;
				display: inline-block;
			}
		}
		
		// 弹窗 - 评论=====
		// 动画效果：
		// 画板，隐藏阶段，.3s后隐藏画板
		// 背景：.3s时间，【显示】opacity(0 -> 1) 【隐藏】opacity(1 -> 0)
		// 弹窗：.3s时间，【显示】transform: translateY(0) 【隐藏】transform: translateY(100%)
		.p_evalute {
			width: 100vw;
			height: 100vh;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 1001;
			visibility: hidden;
			transition: visibility .3s;
		
			&.active {
				visibility: visible;
		
				.p_eBg {
					opacity: 1;
				}
		
				.p_eContain {
					transform: translateY(0);
				}
			}
		
			.p_eBg {
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, .6);
				transition: opacity .3s;
				opacity: 0;
			}
		
			.p_eBox {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				display: flex;
				flex-flow: column;
			}
		
			.p_eShim {
				height: 256rpx;
			}
		
			.p_eContain {
				padding-bottom: constant(safe-area-inset-bottom);
				padding-bottom: env(safe-area-inset-bottom);
				border-radius: 24rpx 24rpx 0 0;
				background: #fff;
				position: relative;
				overflow: hidden;
				display: flex;
				flex-flow: column;
				flex: 1;
				transition: transform .3s;
				transform: translateY(100%);
			}
		
			.p_eClose {
				width: 104rpx;
				height: 120rpx;
				line-height: 120rpx;
				text-align: center;
				font-size: 40rpx;
				position: absolute;
				top: 0;
				right: 0;
			}
		
			.p_eTitle {
				height: 120rpx;
				line-height: 120rpx;
				text-align: center;
				font-weight: bold;
			}
		
			// 评论
			.p_eList {
				padding-left: 32rpx;
				padding-bottom: 112rpx;
				overflow-y: auto;
				flex: 1;
			}
		
			.p_eCan {
				height: 100%;
			}
		
			.p_eItem {
				margin-top: 30rpx;
		
				&:nth-child(1) {
					margin-top: 20rpx;
				}
		
				&:nth-last-child(1) .p_eCont::after {
					content: none;
				}
			}
		
			.p_eHead,
			.p_eIts .p_eiHead {
				width: 66rpx;
				height: 66rpx;
				margin-right: 16rpx;
				border-radius: 50%;
				background: #f0f0f0;
				float: left;
			}
		
			.p_eCont {
				padding-bottom: 28rpx;
				position: relative;
				overflow: hidden;
		
				&::after {
					content: "";
					width: 100%;
					height: 1px;
					background: #f4f4f4;
					position: absolute;
					bottom: 0;
					left: 0;
					transform: scaleY(.5);
				}
			}
		
			.p_eName,
			.p_eIts .p_eiName {
				height: 28rpx;
				line-height: 28rpx;
				color: #939393;
				font-size: 20rpx;
			}
		
			.p_eAuth,
			.p_eIts .p_eiAuth {
				width: 64rpx;
				height: 28rpx;
				line-height: 28rpx;
				text-align: center;
				color: #333;
				font-size: 20rpx;
				margin-left: 8rpx;
				border-radius: 28rpx;
				background: #f6f7fb;
				display: inline-block;
			}
		
			.p_eTxt,
			.p_eIts .p_eiTxt {
				min-height: 34rpx;
				line-height: 34rpx;
				font-size: 24rpx;
				padding-right: 32rpx;
				margin-top: 4rpx;
			}
		
			.p_eTip,
			.p_eIts .p_eiTip {
				color: #939393;
				font-size: 20rpx;
				padding-left: 16rpx;
				display: inline-block;
			}
		
			// 他人回复
			.p_eiItem {
				margin-top: 16rpx;
			}
		
			.p_eiCont {
				overflow: hidden;
			}
		
			.p_eiReply {
				color: #939393;
				font-size: 20rpx;
				padding: 0 4rpx;
			}
		
			// 回复框
			.p_eReply {
				width: 100%;
				height: 112rpx;
				padding-left: 32rpx;
				background: #fff;
				position: absolute;
				bottom: 0;
				left: 0;
				box-shadow: 0 0 20rpx 0 rgba(0, 0, 0, .1);
		
				.p_erSend {
					width: 108rpx;
					height: 112rpx;
					line-height: 112rpx;
					color: #939393;
					padding-left: 16rpx;
					float: right;
				}
		
				.p_erInput {
					height: 64rpx;
					margin-top: 24rpx;
					border-radius: 32rpx;
					background: #f6f7fb;
					position: relative;
					overflow: hidden;
		
					&>input {
						width: 100%;
						height: 100%;
						padding: 0 88rpx 0 28rpx;
					}
				}
		
				.p_erIcon {
					width: 88rpx;
					height: 64rpx;
					line-height: 64rpx;
					color: #6c6c6c;
					font-size: 48rpx;
					text-align: center;
					position: absolute;
					top: 0;
					right: 0;
				}
			}
		
			// 回复框
			// .p_eReply {width: 100%;height: 112rpx;background: #fff;position: absolute;bottom: 0;left: 0;box-shadow: 0 0 20rpx 0 rgba(0, 0, 0, .1);
			// 	.p_erCan {height: 64rpx;margin: 24rpx 108rpx 0 32rpx;border-radius: 32rpx;background: #f6f7fb;}
			// 	.p_erInput {width: 100%;height: 100%;padding: 24rpx 196rpx 24rpx 60rpx;position: absolute;left: 0;top: 0;z-index: 1;}
			// 	.p_erIcon {width: 88rpx;height: 112rpx;line-height: 112rpx;color: #6c6c6c;font-size: 48rpx;text-align: center;position: absolute;top: 0;right: 108rpx;z-index: 3;}
			// 	.p_erSend {width: 108rpx;height: 112rpx;line-height: 112rpx;color: #939393;padding-left: 16rpx;position: absolute;top: 0;right: 0;z-index: 2;}
			// }
		}
		
		// 业主评价
		.p_dEval {
			padding-top: 40rpx;
			overflow: hidden;
			position: relative;

			&::after {
				content: "";
				height: 1px;
				background: #f4f4f4;
				position: absolute;
				bottom: 0;
				left: 32rpx;
				right: 32rpx;
				transform: scaleY(.5);
			}

			&:nth-last-child(1)::after {
				content: none;
			}
			.p_deItem {
				padding: 40rpx 0;
		
				&:nth-child(1) {
					padding-top: 0;
				}
			}
		
			.p_deHead {
				width: 84rpx;
				height: 84rpx;
				margin: 0 20rpx 0 32rpx;
				border-radius: 50%;
				background: #f0f0f0;
				overflow: hidden;
				float: left;
			}
		
			.p_deCont {
				overflow: hidden;
			}
		
			.p_deUser {
				padding: 8rpx 36rpx 0 0;
			}
		
			.p_deTime {
				height: 34rpx;
				line-height: 34rpx;
				color: #939393;
				font-size: 24rpx;
			}
		
			.p_deName {
				height: 40rpx;
				line-height: 40rpx;
				font-weight: bold;
			}
		
			.p_deStars {
				height: 20rpx;
				margin-top: 8rpx;
			}
		
			.p_deStar {
				width: 20rpx;
				height: 20rpx;
				margin-right: 8rpx;
				float: left;
			}
		
			.p_deRemark {
				height: 34rpx;
				line-height: 34rpx;
				color: #939393;
				font-size: 24rpx;
				margin-top: 16rpx;
			}
		
			.p_deText {
				line-height: 44rpx;
				padding-right: 36rpx;
				margin-top: 28rpx;
			}
		
			.p_deImgs {
				// padding-top: 16rpx;
				overflow: hidden;
			}
		
			.p_deImg {
				width: 188rpx;
				height: 188rpx;
				margin: 12rpx 10rpx 0 0;
				border-radius: 4rpx;
				background: #f0f0f0;
				float: left;
				overflow: hidden;
			}
		}
		
		// 下单弹出层
		.selectOrder{
			width: 620rpx;
			.topBg{
				width: 100%;
				height: 170rpx;
				background-image: url('http://manager.ryz1620.com/static/adminShop/decoration/order_bg.png');
				background-size: 100%;
				background-repeat: no-repeat;
				position: relative;
				font: 800 42rpx/64rpx PingFang SC;
				color: #63360C;
				padding: 90rpx 0 0 48rpx;
				image{
					width: 24rpx;
					height: 24rpx;
					position: absolute;
					top: 30rpx;
					right: 30rpx;
				}
			}
			.selectItem{
				padding: 57rpx 0 0rpx 0;
				.item{
					width: 524rpx;
					border: 2px solid #F8F7F5;
					margin: 0 auto;
					height: 130rpx;
					border-radius: 10rpx;
					background-color: #F8F7F5;
					display: flex;
					align-items: center;
					font: bold 30rpx/30rpx PingFang SC;
					color: #2F261D;
					padding: 0 52rpx;
					margin-bottom: 17rpx;
					.sign{
						font: 500 24rpx/24rpx PingFang SC;
						color: #939393;
						margin-top: 14rpx;
					}
					image{
						margin-right: 39rpx;
						width: 64rpx;
						height: 64rpx;
						border-radius: 50%;
					}
				}
				.active{
					background-color: #FAF6EA;
					border-color: #C3AB7C;
				}
			}
			.btnBox{
				padding: 40rpx 0 40rpx 0;
				.btn{
					width: 524rpx;
					height: 78rpx;
					border-radius: 39rpx;
					margin: 0 auto;
					text-align: center;
					color: #402200;
					font: 500 26rpx/78rpx PingFang SC;
					background: linear-gradient(216deg, rgba(227, 210, 175, 0.94), rgba(195, 171, 124, 0.94));
				}
			}
		}
		
		// 公司信息弹出层
		
		.PopupMain {
		    margin-top: 40rpx;
		
		    .PopupGS {
		        padding: 0 32rpx;
		
		        .PopupGsList {
		            font-size: 24rpx;
		            font-weight: 400;
		            line-height: 44rpx;
		            color: #939393;
		            display: flex;
		            align-items: flex-start;
		            margin-bottom: 26rpx;
		
		            .PopupGsText {
		                color: #333;
		                margin-left: 32rpx;
		                flex: 1;
		                text-align: justify;
		            }
		        }
		    }
		
		    .PopupTs {
		        padding: 0 32rpx;
		
		        .PopupTsView {
		            margin-bottom: 64rpx;
		
		            .PopupTitle {
		                text-align: center;
		                font-size: 28rpx;
		                font-weight: 600;
		                line-height: 44rpx;
		                color: #333333;
		            }
		
		            .PopupTsItem {
		                margin-top: 32rpx;
		
		                .PopupTsMain {
		                    display: flex;
		                    align-items: flex-start;
		
		                    .PopupTsIcon {
		                        width: 30rpx;
		                        height: 30rpx;
		                        background: #c3ab7c;
		                        border-radius: 50%;
		                        display: flex;
		                        align-items: center;
		                        justify-content: center;
		                        margin-right: 20rpx;
		                    }
		
		                    .PopupTsText {
		                        flex: 1;
		                        font-size: 24rpx;
		                        font-weight: 400;
		                        color: #333333;
		
		                        .PopupTsMessage {
		                            color: #939393;
		                            margin-top: 8rpx;
		                        }
		                    }
		                }
		            }
		        }
		    }
			
			// 资质荣誉
			.honor{
				padding: 32rpx;
				.item{
					margin-bottom: 60rpx;
					.tit{
						margin-bottom: 20rpx;
						font: 400 24rpx/44rpx PingFang SC;
						color: #333;
						text{
							color: #939393;
						}
					}
					.imgBox{
						display: grid;
						grid-template-columns: repeat(3, 1fr);
						grid-gap: .5rem;
						image{
							width: 220rpx;
							height: 220rpx;
							border-radius: 4rpx;
						}
					}
				}
			}
		}

	}

	.ellipsisTextOne {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.ellipsisText {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.DomeShaixuan {
		display: flex;
		align-items: center;
		white-space: nowrap;
		.DomeClick {
			font-size: 24rpx;
			font-weight: 400;
			padding: 8rpx 32rpx;
			border-radius: 30rpx;
			width: max-content;
			margin-right: 14rpx;
			background: #f7f6f8;
			border: 2rpx solid #f7f6f8;
			color: #939393;
			display: inline-block;
		}

		.active {
			font-size: 24rpx;
			font-weight: 400;
			padding: 8rpx 32rpx;
			border-radius: 30rpx;
			width: max-content;
			margin-right: 14rpx;
			color: #c3ab7c;
			display: inline-block;
			border: 2rpx solid #c3ab7c;
		}
	}

	.i_recomd {
		// margin-top: 24rpx;

		.i_rOper {
			height: 62rpx;
			line-height: 62rpx;
			font-size: 24rpx;
			padding: 0 72rpx;
			margin-top: 30rpx;
			position: relative;
			float: right;

			.i_roIcon {
				width: 32rpx;
				height: 32rpx;
				margin-top: -16rpx;
				position: absolute;
				top: 50%;
				right: 32rpx;
			}
		}

		.i_tOper {
			height: 62rpx;
			line-height: 62rpx;
			font-size: 24rpx;
			padding: 0 64rpx;
			margin-top: 30rpx;
			position: relative;
			float: right;

			.i_toIcon {
				width: 32rpx;
				height: 32rpx;
				line-height: 32rpx;
				text-align: center;
				color: #6c6c6c;
				font-size: 32rpx;
				margin-top: -16rpx;
				position: absolute;
				top: 50%;
				right: 32rpx;
			}
		}

		.i_rTitle {
			height: 110rpx;
			line-height: 122rpx;
			font-size: 36rpx;
			font-weight: bold;
			padding-left: 32rpx;
		}

		.i_rCan {
			overflow: hidden;
		}

		.i_rList {
			// height: 368rpx;
			padding: 0 28rpx;
			white-space: nowrap;
			overflow-x: auto;
			/* text-align: start; */
			// display: flex;
			// align-items: flex-end;
			padding-bottom: 24rpx;

			.MoreList {
				width: 84rpx;
				background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(195, 171, 124, 0.38) 100%);
				height: 306rpx;
				// display: flex;
				// align-items: center;
				// justify-content: center;

				// .MoreItem {
				// 	width: 84rpx;
				// 	display: flex;
				// 	align-items: center;
				// 	flex-direction: column;
				// 	justify-content: center;

				// 	text {
				// 		writing-mode: vertical-lr;
				// 		text-align: center;
				// 		font-size: 28rpx;
				// 		font-weight: 400;
				// 		color: #333333;
				// 		margin-bottom: 4rpx;
				// 	}
				// }
			}
		}

		.i_rItem {
			display: inline-block;
			margin-right: 24rpx;
			position: relative;
			background-color: #fff;
			margin-top: 96rpx;
			padding: 0 28rpx;
			width: 224rpx;
			height: 220rpx;
			box-shadow: 0rpx 6rpx 16rpx rgba(0, 0, 0, 0.06);

			&:nth-last-child(1) {
				margin-right: 0;
			}
		}

		.i_rImage {
			width: 144rpx;
			height: 144rpx;
			overflow: hidden;
			border-radius: 100%;
			position: absolute;
			top: 0;
			left: 50%;
			transform: translate(-50%, -50%);

			image {
				width: 100%;
				height: 100%;
			}
		}

		.i_rtitle {
			position: absolute;
			top: 56rpx;
			left: 50%;
			transform: translate(-50%, 0%);
			line-height: 20px;
			font-size: 18rpx;
			font-weight: 500;
			color: #fff;
			background: #030303;
			padding: 0rpx 16rpx;
			border-radius: 4rpx;
			font-weight: 500;
		}

		.i_rText {
			margin-top: 112rpx;
			text-align: center;
			font-size: 28rpx;
			font-weight: 500;
			color: #333333;
			line-height: 48rpx;
		}

		.i_rFee {
			margin-bottom: 28rpx;
			text-align: center;
			font-size: 20rpx;
			font-weight: 400;
			line-height: 44rpx;
			color: #939393;
		}
	}
	
	// 固定条
	.into_shopcart {
		width: 100%;
		height: 100rpx;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 301;
		background-color: #fff;
		display: flex;
		align-items: center;
	
		&_box {
			padding: 14rpx 22rpx;
			display: flex;
	
			// 左边小图标
			.into_icon {
				display: flex;
				position: relative;
				width: 260rpx;
	
				.icon_store {
					width: 100rpx;
					margin-left: 30rpx;
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
	
					.store {
						width: 32rpx;
						height: 30rpx;
	
						image {
							width: 100%;
							height: 100%;
						}
					}
	
					text {
						font-size: 22rpx;
						font-weight: 400;
						line-height: 32rpx;
						color: #333333;
						margin-top: 6rpx;
					}
				}
	
				.icon_service {
					width: 100rpx;
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
					position: absolute;
					right: 6rpx;
					top: 2rpx;
	
					.service {
						width: 34rpx;
						height: 32rpx;
	
						image {
							width: 100%;
							height: 100%;
						}
					}
	
					text {
						font-size: 22rpx;
						font-weight: 400;
						line-height: 32rpx;
						color: #333333;
						margin-top: 6rpx;
					}
				}
	
				.contact_btn {
					width: 44rpx;
					height: 74rpx;
					margin-left: 46rpx;
				}
	
				button[plain] {
					border: 0 none;
				}
			}
	
			// 右边按钮
			.into_btn {
				width: 380rpx;
				height: 72rpx;
				border-radius: 10rpx;
				margin-left: 50rpx;
				display: flex;
	
				.join_cart {
					width: 226rpx;
					height: 100%;
					text-align: center;
					line-height: 72rpx;
					background-color: #C3AB7C;
					border-radius: 10rpx 0rpx 0rpx 10rpx;
	
					text {
						font-size: 28rpx;
						font-weight: 500;
						line-height: 40rpx;
						color: #FFFFFF;
					}
				}
	
				.into_settlement {
					width: 100%;
					height: 100%;
					text-align: center;
					line-height: 72rpx;
					background-color: #C3AB7C;
					border-radius: 70rpx;
	
					text {
						font-size: 28rpx;
						font-weight: 500;
						line-height: 40rpx;
						color: #FFFFFF;
					}
				}
			}
		}
	}
// 客服弹框
	.pouchat{
		position: fixed;
		background: rgba(0,0,0,0.5);
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		.poucont{
			position: absolute;
			top:30%;
			left: 15%;
			right: 15%;
			.icon-close{
				width: 80rpx;
				height: 80rpx;
				font-size: 70rpx;
				color: #fff;
				line-height: 80rpx;
				text-align: center;
				margin: 30rpx auto;
			}
		}
		.chatlist{
			background: #fff;
			padding:30rpx;
			border-radius: 10rpx;
		}
		.chatml{
			position: relative;
			padding: 20rpx;
			padding-left: 100rpx;
			min-height: 100rpx;
			.cell-service{
				position: absolute;
				right: 0;
				bottom: 0;
				left: 0;
				top: 0;
				opacity: 0;
				z-index: 10;
				.cell--bubble{
					width: 100%;
				}
			}
			text{
				display: block;
				line-height: 40rpx;
			}
			.t1{
				font-size: 32rpx;
			}
			.t2{
				font-size: 24rpx;
				color: #999;
			}
			image{
				width: 70rpx;
				height: 70rpx;
				position: absolute;
				left: 15rpx;
				top:25rpx;
			}
		}
	}	
</style>
